@media (max-width: 1020px) and (min-width: 0px){
#chartLegend{
	width: 220px;
	height: 400px;
	background-color: red;
	display: inline;
	float: left;
	margin-left: 10px;
}

#mediChartDiv{
	width: 75%;
	height: 450px;
	background-color: blue;
	display: inline;
	float: left;
	margin-left: 10px;
}

.block{


}
}


@media (min-width: 1020px) and (max-width: 1200px)
{
	#chartLegend{
	width: 210px;
	height: 400px;
	background-color: red;
	display: inline;
	float: left;
	margin-left: 10px;
}

#mediChartDiv{
	width: 75%;
	height: 550px;
	background-color: blue;
	display: inline;
	float: left;
	margin-left: 10px;
}

.block{


}
}

@media (min-width: 1200px)
{
	#chartLegend{
	width: 18%;
	height: 400px;
	background-color: red;
	display: inline;
	float: left;
	margin-left: 10px;
}

#mediChartDiv{
	width: 80%;
	height: 550px;
	background-color: blue;
	display: inline;
	float: left;
	margin-left: 10px;
}

.block{


}
}